#briefCenter {
  background: #f3f6fb;
  width: calc(100% - 200px);
  overflow: hidden;
  padding: 25px 40px;
}
#briefCenter .brief_center_content {
  width: calc(100% - 150px);
  position: relative;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 5px #ddd;
  padding: 20px 75px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
#briefCenter .brief_center_content .brief_center_title {
  font-size: 18px;
  color: #000;
  text-align: left;
  font-weight: normal;
  margin-bottom: 30px;
  width: 100%;
}
#briefCenter .brief_center_content .createBrief {
  position: absolute;
  right: 75px;
  top: 50px;
  width: 80px;
  height: 24px;
  padding-left: 15px;
  padding-top: 6px;
  border: 1px solid #44a6ff;
  color: #fff;
  background: #44a6ff;
  z-index: 99;
  font-size: 12px;
}
#briefCenter .brief_center_content ul.brief_center_template {
  width: 100%;
  list-style: none;
  padding-left: 20px;
}
#briefCenter .brief_center_content ul.brief_center_template li {
  float: left;
  width: 202px;
  min-width: 200px;
  height: 270px;
  border: 1px solid #d7e5fa;
  border-radius: 6px;
  margin: 0 20px 40px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#briefCenter .brief_center_content ul.brief_center_template li .defaultIdentification {
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: 12px;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 48px solid #44a6ff;
  border-right: 48px solid transparent;
}
#briefCenter .brief_center_content ul.brief_center_template li .defaultIdentification span {
  position: absolute;
  left: -2px;
  top: -42px;
  width: 40px;
  transform: rotate(-45deg);
}
#briefCenter .brief_center_content ul.brief_center_template li h4 {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  margin-top: 30px;
}
#briefCenter .brief_center_content ul.brief_center_template li span.defaultTemplate,
#briefCenter .brief_center_content ul.brief_center_template li span.template {
  margin-top: 20px;
  width: 100px;
  height: 96px;
  display: inline-block;
  background: url("../images/template1.png") no-repeat;
}
#briefCenter .brief_center_content ul.brief_center_template li span.defaultTemplate {
  background: url("../images/template2.png") no-repeat;
}
#briefCenter .brief_center_content ul.brief_center_template li .btnGroup {
  position: absolute;
  bottom: 15px;
  text-align: center;
  display: flex;
  padding: 0 15px;
}
#briefCenter .brief_center_content ul.brief_center_template li .btnGroup .el-button {
  height: 24px;
  font-size: 12px;
  padding-top: 6px;
  margin-left: 6px;
}
#briefCenter .brief_center_content ul.brief_center_template li .btnGroup .defaultBtn {
  width: 80px;
  padding-left: 15px;
  margin-left: 0;
  border: 1px solid #44a6ff;
  background: #44a6ff;
  color: #fff;
}
#briefCenter .brief_center_content ul.brief_center_template li .btnGroup .setdefaultBtn {
  width: 80px;
  padding-left: 15px;
  margin-left: 0;
  border: 1px solid #44a6ff;
  color: #44a6ff;
}
#briefCenter .brief_center_content ul.brief_center_template li .btnGroup .setdefaultBtn:hover {
  background: rgba(68, 166, 255, 0.2);
}
#briefCenter .brief_center_content ul.brief_center_template li .btnGroup .editBtn {
  border: 1px solid #32d093;
  color: #32d093;
  width: 40px;
  padding-left: 7px;
}
#briefCenter .brief_center_content ul.brief_center_template li .btnGroup .editBtn:hover {
  background: rgba(50, 208, 147, 0.2);
}
#briefCenter .brief_center_content ul.brief_center_template li .btnGroup .deleteBtn {
  border: 1px solid #fe6767;
  color: #fe6767;
  width: 40px;
  padding-left: 7px;
}
#briefCenter .brief_center_content ul.brief_center_template li .btnGroup .deleteBtn:hover {
  background: rgba(254, 103, 103, 0.2);
}
#briefCenter .brief_center_content ul.brief_center_template li:hover {
  box-shadow: 0px 0px 5px 5px rgba(144, 203, 254, 0.4);
  border-color: #90cbfe;
  cursor: pointer;
}
